* {
  margin: 0;
  padding: 0;
}
header {
  width: 100%;
  height: 100px;
  background-color: lightblue;
}
.container {
  width: 950px;
  height: 500px;
  /* background-color: pink; */
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.content {
  width: 604px;
  height: 100%;
  background-color: bisque;
}
aside {
  width: 250px;
  height: 100%;
  background-color: blanchedalmond;
}
.nav {
  display: flex;
  width: 950px;
  margin: auto;
  background-color: aqua;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
.title {
  font-size: 16px;
  color: skyblue;
}
.happening {
  background-color: khaki;
  padding: 18px;
  border-radius: 10px;
}
.happening a {
  display: block;
  margin: 18px 0;
}
.flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.flex>section{
    width: 170px;
}
.flex > img {
  width: 47px;
}
/*
    flex 
    order

*/
.secOrder{
    order: 1;
}